<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>favebook - light team weibo</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/Global.css" rel="stylesheet">
</head>

<body>

<div class="site-wrapper">

  <div class="site-wrapper-inner">

    <div class="cover-container">

      <div class="masthead clearfix">
        <div class="inner">
          <h3 class="masthead-brand">favebook</h3>
          <nav>
            <ul class="nav masthead-nav">
              <li><a href="https://gitee.com/favefan/favebook">Gitee</a></li>
              <li><a href="./404.jsp">注册</a></li>
              <li>or</li>
              <li><a href="./signin.jsp">登陆</a></li>
            </ul>
          </nav>
        </div>
      </div>

      <div class="inner cover row">

            <div class="col-sm-8 flag">
                <h1 class="cover-heading">Live & Love & Life</h1>
                <p class="lead">这是一个轻量级的微博应用，在这里你可以分享你的学习，工作和心情。让每一天都有精彩的记录吧。</p>
            </div>

                
            <form class="col-sm-4 signpod" action="indexSignServlet" method="post">
                <h1>快速注册</h1>
                <div class="form-group">
                    <label for="username">用户名</label>
                    <input type="text" class="form-control" id="username" name="username" placeholder="Pick a username" data-container="body" data-toggle="popover" data-placement=" auto right" data-content="用户名已存在" data-trigger="manual">
                </div>
                <div class="form-group">
                    <label for="email">电子邮件</label>
                    <input type="email" class="form-control" id="email" name="email" placeholder="you@example.com">
                </div>
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="Create a password">
                </div>
                <div class="form-group">
                    <label for="verificationcode">验证码</label>
                    <div>
                    <img class="short" id="vcode_img" alt="Verification Code" src="./VCode" onclick="changeImg()" title="点击更换验证码">
                    <input type="text" name="vcode" id="vcode" class="form-control short" placeholder="输入图中的字符" data-container="body" data-toggle="popover" data-placement=" auto right" data-content="验证码错误" data-trigger="manual"/>
                    </div>
                </div>
                <button type="submit" class="btn btn-success">注册favebook</button>
            </form>

      </div>

      <div class="mastfoot">
        <div class="inner">
          <p>@favefan 2018. build by <a href="http://www.bootcss.com/">Bootstrap</a>.<br>original author is <a href="https://twitter.com/mdo">@mdo</a></p>
        </div>
      </div>

    </div>

  </div>

</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./js/vcode.js"></script>

</body>
</html>